<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册界面</title>
    <style>
        *{margin: 0;padding: 0;}
        p{
            text-align: center;
            margin-top: 10px;
            color: red;
        }
        a{
            text-decoration: none;
        }
        body{
            background: url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Flmg.jj20.com%2Fup%2Fallimg%2F1114%2F010421143P0%2F210104143P0-1-1200.jpg&refer=http%3A%2F%2Flmg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1667713081&t=f3f8b191e06c1b0238ad8b1b12ee7a81");
            background-repeat: no-repeat;
            background-size: 100%;
        }
        .container{
            margin-top: 200px;
            display: flex;
            justify-content: space-around;
        }
        .aaa{
            text-align:end;
        }
        .aaa a{
            font-family: "cute";
            font-size: 80px;
            color: brown;
            position: relative;
            top: 50px;
        }
        .sign_wraper{
            width: 500px;
            padding: 20px;
            background-color: rgb(0, 0, 0,0.5);
        }
        .sign_wraper p{
            color: white;
        }
        .sign_wraper form input{
            width: 100%;
            margin-top: 20px;
            height: 30px;
        }
        @font-face {
            font-family: "cute";
            src:url("font/也字工厂可爱颜文字体.ttf") format("truetype")
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="aaa">
            <a href="./index.html">熊猫优选</a>
        </div>
        <div class="sign_wraper"> 
            <p>熊猫优选注册</p>
            <form>
                <input type="text" placeholder="请输入用户名" name="username"><br>
                <p class="usernameP"></p>
                <input type="password" placeholder="请输入密码" name="password"><br>
                <p class="passwordP"></p>
                <input type="submit" value="注册">
            </form>
        </div>
    </div>
   
    <script src="./lib/js.cookie.js"></script>
    <script src="./lib/axios.min.js"></script>
    <script src="./js/request.js"></script>
    <script src="./api/user.js"></script>
    <script src="./js/user.js"></script>
</body>
</html>